.header {
  background: rgba(255, 255, 255, 0.9);

  .el-menu {
    flex: 1;
    //justify-content: flex-end;
    //margin-right: 200px;
    border-bottom: 0;
    .el-menu-item.is-active,
    .el-sub-menu.is-active .el-sub-menu__title {
      border-bottom: 0;
      font-weight: bold;
      &::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: calc(50% - 12px);
        width: 24px;
        height: 4px;
        background: @active-gradient;
      }
    }
    .el-sub-menu.is-active .el-sub-menu__title::after {
      left: calc(50% - 12px - 11px);
    }
  }
}

// Header导航栏二级弹窗样式
.nav-menu-popper {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 0 !important;
  min-width: 120px;
  .el-menu--popup {
    min-width: 120px;
    li {
      margin-top: 10px;
      justify-content: center;
    }
  }
}

// 除开头部内容区域样式
.layout-page {
  margin-top: 60px;
  box-sizing: border-box;
  min-height: calc(100vh - 70px - 437px);
  // padding-bottom: 32px;
  background: @bg-color;
  &-inner {
    margin: 0 auto;
    &::before {
      content: "";
      display: table-cell;
    }
  }
}

// 首页模块公共样式
.home {
  &-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.info-card {
  box-sizing: border-box;
  width: 432px;
  margin-right: 16px;
  margin-bottom: 16px;
  background: #fff;
  padding: 20px 16px 25px 20px;
  box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.1s linear;
  .card-footer {
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: -12px;
    border-top: 1px solid @border-color;
  }
  &:hover {
    box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.1);
  }
  //&:nth-child(3n) {
  //  margin-right: 0;
  //}
}

.user-center-tabs {
  .el-tabs__header {
    margin: 0;
  }
  .el-tabs__nav-wrap::after {
    display: none;
  }
  .el-tabs__active-bar {
    height: 3px;
    background: @main-color;
  }
  .el-tabs__item {
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 13px;
    height: auto;
  }
}

.login-form {
  .el-form-item {
    margin-bottom: 14px !important;
    &__label {
      margin-bottom: 12px !important;
      &::before {
        display: none;
      }
    }
    .el-input {
      height: 60px;
      &__wrapper {
        padding-left: 20px;
        border-radius: 0;
        font-size: 16px;
      }
    }
    .el-select__wrapper {
      height: 60px;
      padding-left: 20px;
      border-radius: 0;
      font-size: 16px;
    }
  }
}

.apply-form {
  .el-form-item {
    margin-bottom: 20px;
    &__label {
      line-height: 40px;
      height: 40px;
    }

    .el-input,
    .el-select__wrapper,
    .el-date-editor {
      height: 40px;
    }
    .el-select__wrapper,
    .el-input__wrapper,
    .el-textarea__inner {
      padding-left: 12px;
      font-size: 14px;
      border-radius: 2px;
      background: #f2f3f5;
      box-shadow: none;
    }
    .el-cascader {
      width: 100%;
    }

    .el-select__selected-item .el-tag {
      --el-tag-bg-color: white;
      --el-tag-text-color: @text-default;
    }
  }
}

.notice-dropdown .el-dropdown-menu__item {
  padding: 10px 20px 10px 15px;
}

.ql-editor {
  padding: 0 !important;
}

.el-avatar {
  background: transparent;
}

.msg-drawer .el-drawer__body {
  padding: 0 !important;
}
